<template>
 <div>

   <img src="../../assets/f1.jpg" alt="" class="imgs">
   <img src="../../assets/f2.jpg" alt="" class="imgs">
   <img src="../../assets/f3.jpg" alt="" class="imgs">
   <img src="../../assets/f4.jpg" alt="" class="imgs">
   <img src="../../assets/life1.png" alt="" class="imgs">
   <img src="../../assets/life2.jpg" alt="" class="imgs">
   <img src="../../assets/life3.jpg" alt="" class="imgs">
   <img src="../../assets/life4.jpg" alt="" class="imgs">
    <img src="../../assets/life5.jpg" alt="" class="imgs">
 </div>
</template>

<script>


export default {
    data(){
      return{
    }
    },
   
}
</script>
<style scoped>
 .imgs{
   width: 25%;
   padding: 20px;
   margin:30px auto;
   height: 35%;
   
 }
</style>
